<template>
  <div class="sylogins">
    <!-- 头部标题 -->
    <head-main @tipsfn="tipsfn" :tipshow="tipshow" :tipfnshow="tipfnshow" />
    <!-- 小标题 -->
    <div class="zbdbox">
      <img src="@/images/zbdbtcz.png" alt="" class="zbdboximgs" />
      <div class="tool backzbs" @click="back">
        <img src="@/images/back.png" alt="" class="normal" />
        <img src="@/images/backac.png" alt="" class="active" />
      </div>
    </div>
    <!-- 实验介绍 -->
    <div class="desmain" v-if="desshow">
      <!-- 头部菜单 -->
      <div class="destasks">
        <div
          class="destaskitems tool"
          v-for="item in tbdata"
          :key="item.id"
          @click="tbstep = item.id"
        >
          <img :src="item.src" alt="" class="normal" v-if="tbstep != item.id" />
          <img
            :src="item.srcac"
            alt=""
            class="active"
            v-if="tbstep != item.id"
          />
          <img :src="item.srcac" alt="" v-if="tbstep == item.id" />
        </div>
      </div>
      <!-- 侧边菜单 -->
      <div class="cbtasks">
        <div
          class="cbtaskitems tool"
          v-for="item in cbdata"
          :key="item.id"
          @click="cbstep = item.id"
        >
          <img :src="item.src" alt="" class="normal" v-if="cbstep != item.id" />
          <img
            :src="item.srcac"
            alt=""
            class="active"
            v-if="cbstep != item.id"
          />
          <img :src="item.srcac" alt="" v-if="cbstep == item.id" />
        </div>
      </div>
      <!-- 主 -->
      <!-- <div class="desmainbox" v-if="tbstep == 1">
        <img src="@/images/syyldes.png" alt="" class="desimg" />
      </div>-->
      <div class="desmainboxs" v-if="tbstep == 1 && cbstep == 1">
        焦点极限分辨力测量，利用星形测试卡观测星形测试卡照片上
        两个方向的最外模糊区的尺寸，并且根据星形测试卡的圆心角值计
        算出模糊的星形测试卡铅条的线对数宽度，从而得出焦点上X线球
        管的短轴方向和X线球管的长轴方向的极限分辨力。
      </div>
      <div class="desmainboxs wpitems" v-if="tbstep == 1 && cbstep == 2">
        <span>1.确保设备完成X射线管预热。</span>
        <span
          >2.将星形测试卡水平放置在某一高度的台面上，使星形测试卡距离下方的
          探测器有一定的距离，平面距离上方X线的焦点有一定的距离，从而保证图像有一定的放大率。</span
        >
        <span>
          3.调节照射野的中点对准星形测试卡的中点，调节照射野使照射野包括星
          形测试卡即可
        </span>
        <span>
          4.以 75kV,X射线管额定阳极功率的50%对应的管电流,选择适当的管电流
          时间积及合适的放大倍数拍摄星卡影像。
        </span>
        <span>
          5.测量星卡影像的直径S(mm)，纵向和横向模糊带最大直径ZL(mm)、
          Zw(mm)计算有效焦点尺寸。
        </span>
      </div>
      <!-- <div class="desmainboxs wpitems" v-if="tbstep == 1 && cbstep == 3">
        <img src="@/images/jdimgs.png" alt="" class="gdbimgsd" />
      </div> -->
      <div class="desmainboxs" v-if="tbstep == 2 && cbstep == 1">
        高对比度分辨力，指对于物体空间大小(几何尺寸)的
        鉴别能力，代表成像系统区分或分辨互相靠近的物体的能
        力，单位为1p/mm，将相邻的一条白线条和一条黑线条称
        为一个线对。单位距离内可分辨的线对数目表示为该成像
        系统的空间分辨率，在单位宽度范围内能够分辨线对数目
        越多则表示图像空间分辨率越高。在厚度为20mm的铝
        〔纯度大于99.5%〕衰减体模情况下空间分辨率应不 小于2.0lp/mm。
      </div>
      <div class="desmainboxs wpitems" v-if="tbstep == 2 && cbstep == 2">
        <span>1.确保设备完成X射线管预热。</span>
        <span>2.设置SID100cm(床)/180cm(胸片架)。</span>
        <span>3.将高对比度分辨率测试卡置于探测器表面中心，并呈45°放置。</span>
        <span>4.选择合适的曝光条件进行曝光。</span>
        <span>5.调整窗宽窗位，使分辨力最优化，从显示器上读出最大线对数。</span>
      </div>
      <!-- <div class="desmainboxs wpitems" v-if="tbstep == 2 && cbstep == 3">
        <img src="@/images/gdbimg.png" alt="" class="gdbimgsd" />
      </div> -->
      <div class="desmainboxs wpitems" v-if="tbstep == 3 && cbstep == 1">
        通过模拟人体组织对X射线的吸收差异，改变图像中
        不同组织的灰度值，从而增强低对比度区域的对比度。
        模体的类型和参数设置会影响其对图像的增强效果。
      </div>
      <div class="desmainboxs wpitems" v-if="tbstep == 3 && cbstep == 2">
        <span>
          1.选择适当的低对比度分辨力检测模体，模体中同一直径的低对比度细节数
          不宜少于 10 个。将低对比度分辨力检测模体放置在影像接收器表面中间位
          置或最接近于影像接收器的位置。
        </span>
        <span>
          2. 根据模体说明书要求，选择适当的管电压、滤过和 SID，照射野完全覆盖
          住影像接收器，进行曝光。
        </span>

        <span>3. 以入射空气比释动能约 5 μGy 对影像接收器曝光，获取影像。</span>
        <span>
          4.在观片灯箱上或工作站显示器上观察影像细节，调节窗宽和窗位使影像细
          节显示成最清晰状态，按模体说明书要求，观察和记录模体影像中可探测到
          最小细节。
        </span>
        <span>
          5. 验收检测按检测模体说明书要求判断并建立基线值。状态检测与基线值
          进行比较，不得超过基 线值的两个细节变化
        </span>
      </div>
      <!-- <div class="desmainboxs wpitems" v-if="tbstep == 3 && cbstep == 3">
        <img src="@/images/ddbimg.png" alt="" class="gdbimgsd" />
      </div> -->
      <div class="desmainboxs wpitems" v-if="tbstep == 3 && cbstep == 4">
        <span>1. 确保模体的材料和结构与实际被检物品一致，以避免误诊。</span>
        <span
          >2.
          模体的大小和形状应尽可能接近实际被检物品，以提高检测的准确性。</span
        >
        <span>3. 模体应放置在检测中心位置，以确保图像质量。</span>
        <span>
          4.
          在进行模体检测时，应注意保护模体免受不必要的辐射损伤，以延长其使用寿命。
        </span>
        <span>
          5.
          在使用过程中，应定期对模体进行检查和维护，以确保其性能的稳定性和准确性。
        </span>
        <span
          >6. 在进行模体检测时，应注意安全操作规程，确保工作人员的安全。</span
        >
        <span>7. 在使用结束后，应及时清理模体，以避免污染和损坏</span>
      </div>
      <!-- 开始按钮 -->
      <div class="startsy tool" @click="start">
        <img src="@/images/startsy.png" alt="" class="normal" />
        <img src="@/images/startsyac.png" alt="" class="active" />
      </div>
    </div>
    <!-- 漫游控制按钮 -->
    <div class="errordf tool" @click="myfn" v-show="step > 1">
      <img src="@/images/my.png" alt="" class="normal" />
      <img src="@/images/myac.png" alt="" class="active" />
    </div>
    <!-- 大菜单 -->
    <div class="taskdbox" v-if="!desshow">
      <div class="taskztbox tool" @click="taskclose = !taskclose">
        <img
          src="@/images/taskzt.png"
          alt=""
          class="normal"
          v-if="!taskclose"
        />
        <img
          src="@/images/taskztac.png"
          alt=""
          class="active"
          v-if="!taskclose"
        />
        <img
          src="@/images/taskclose.png"
          alt=""
          class="normal"
          v-if="taskclose"
        />
        <img
          src="@/images/taskcloseac.png"
          alt=""
          class="active"
          v-if="taskclose"
        />
      </div>
      <div
        class="tool taskdboxitem"
        @click="taskdcfn(1)"
        v-show="taskstep == 1 || !taskclose"
      >
        <img
          src="@/images/taskgdbd.png"
          alt=""
          class="normal"
          v-if="taskstep != 1"
        />
        <img
          src="@/images/taskgdbdac.png"
          alt=""
          class="active"
          v-if="taskstep != 1"
        />
        <img src="@/images/taskgdbdac.png" alt="" v-if="taskstep == 1" />
      </div>
      <div
        class="tool taskdboxitem"
        @click="taskdcfn(2)"
        v-show="taskstep == 2 || !taskclose"
      >
        <img
          src="@/images/taskdbd.png"
          alt=""
          class="normal"
          v-if="taskstep != 2"
        />
        <img
          src="@/images/taskdbdac.png"
          alt=""
          class="active"
          v-if="taskstep != 2"
        />
        <img src="@/images/taskdbdac.png" alt="" v-if="taskstep == 2" />
      </div>

      <div
        class="tool taskdboxitem"
        @click="taskdcfn(3)"
        v-show="taskstep == 3 || !taskclose"
      >
        <img
          src="@/images/jdjxfbl.png"
          alt=""
          class="normal"
          v-if="taskstep != 3"
        />
        <img
          src="@/images/jdjxfblac.png"
          alt=""
          class="active"
          v-if="taskstep != 3"
        />
        <img src="@/images/jdjxfblac.png" alt="" v-if="taskstep == 3" />
      </div>
      <div
        class="tool taskdboxitems taskdboxitem"
        @click="taskdcfn(4)"
        v-show="taskstep == 4 || !taskclose"
      >
        <img src="@/images/jl.png" alt="" class="normal" v-if="taskstep != 4" />
        <img
          src="@/images/jlac.png"
          alt=""
          class="active"
          v-if="taskstep != 4"
        />
        <img src="@/images/jlac.png" alt="" v-if="taskstep == 4" />
      </div>
      <div class="taskerbox" v-show="taskclose">
        <div
          class="tool taskerboxitem"
          v-for="item in taskerdata"
          :key="item.id"
          @click="taskstepfn(item.id)"
        >
          <img :src="item.src" alt="" class="normal" v-show="step != item.id" />
          <img
            :src="item.srcac"
            alt=""
            class="active"
            v-show="step != item.id"
          />
          <img :src="item.srcac" alt="" v-show="step == item.id" />
        </div>
      </div>
    </div>
    <!-- seen -->
    <seenMk3
      @clickItem="clickItem"
      :step="step"
      ref="seen"
      :myshow="myshow"
      @myshowfn="myshowfn"
      :taskstep="taskstep"
    />
    <!-- 新增提示介绍前 -->
    <div class="dktipafter" v-if="dktips && !desshow">
      <img
        src="@/images/gdbdts.png"
        alt=""
        v-if="taskstep == 1 && this.step == 1"
        class="gdbdts"
      />
      <img
        src="@/images/gdbdts2.png"
        alt=""
        v-if="taskstep == 2 && this.step == 1"
        class="gdbdts"
      />
      <img
        src="@/images/gdbdts3.png"
        alt=""
        v-if="taskstep == 3 && this.step == 1"
        class="gdbdts"
      />
      <div class="tool dkbottoms" @click="dkfn()">
        <img src="@/images/qd.png" alt="" class="normal" />
        <img src="@/images/qdac.png" alt="" class="active" />
      </div>
    </div>
    <!-- 打开提示 -->
    <div class="dktips" v-if="dktipss && !desshow">
      <img src="@/images/dktip.png" alt="" class="dktipsimg" />
      <div class="tool dkbottom" @click="dkfns()">
        <img src="@/images/qd.png" alt="" class="normal" />
        <img src="@/images/qdac.png" alt="" class="active" />
      </div>
    </div>
    <!-- 步骤提示 -->
    <bz-tips :bztips="bztips" v-if="bztips" />
    <!-- 操作错误提示 -->
    <error-tip :ertips="ertips" v-if="ertips" />
    <!-- 完成提示 -->
    <over-tips :overtips="overtips" v-if="overtips" />
    <!-- 实验右边物品栏 -->
    <!--  v-if="!desshow && !shouldShow && step != 6 && taskstep != 4"
   ( !desshow && !shouldShow && step!=5&&tstep != 6 && taskstep ==1) ||
     (!desshow && !shouldShow && step!=7&&tstep != 6 && taskstep ==2)||
      (!desshow && !shouldShow && step!=5&&tstep != 6 && taskstep ==3)||
    -->
    <div
      class="wptask"
      v-if="
        (!desshow && !shouldShow && step != 5 && step != 6 && taskstep == 1) ||
        (!desshow && !shouldShow && step != 7 && step != 6 && taskstep == 2) ||
        (!desshow && !shouldShow && step != 5 && step != 6 && taskstep == 3)
      "
    >
      <div
        class="wptaskitems tool"
        v-for="item in wpdata"
        :key="item.id"
        @click="choicewp(item.id)"
      >
        <img
          :src="item.src"
          alt=""
          class="normal"
          v-if="wpid != item.id && wpidac != item.id"
        />
        <img
          :src="item.srcac"
          alt=""
          class="active"
          v-if="wpid != item.id && wpidac != item.id"
        />
        <img :src="item.srcts" alt="" v-if="wpid == item.id && wpidac == 0" />
        <img :src="item.srcac" alt="" v-if="wpidac == item.id" />
        <!-- <img
          src="@/images/ysys.png"
          alt=""
          v-if="ysy.includes(item.id)"
          class="wpsy"
        /> -->
      </div>
    </div>
    <!-- 高对比度 -->
    <div class="gdblbox" v-if="gdblboxshow">
      <img src="@/images/gdl.png" alt="" class="gdblboximg" />
      <!-- <img src="@/images/dyp.png" alt="" class="dyp" v-if="dypshpw" /> -->
      <img
        src="@/images/xfp.png"
        alt=""
        class="xfp"
        v-if="xfpshow && taskstep == 1"
      />
      <img
        src="@/images/xfp.png"
        alt=""
        class="xfp"
        v-if="xfpshow && taskstep == 2"
      />
      <!-- b曝光狂 -->
      <div class="syqyd"></div>
    </div>
    <!-- 视野灯 窗口 -->
    <div class="sydckbox" v-if="syshow">
      <img
        src="@/images/sydcks.png"
        alt=""
        class="sydckboximg"
        v-if="taskstep != 3"
      />
      <img
        src="@/images/sydckss.png"
        alt=""
        class="sydckboximg"
        v-if="taskstep == 3"
      />
      <div
        class="tool"
        @click="syfn()"
        :class="taskstep == 3 ? 'syqdss' : 'syqds'"
      >
        <img
          src="@/images/syd.png"
          alt=""
          class="normal tm"
          ref="syd"
          v-if="!syqdshow"
        />
        <img src="@/images/sydac.png" alt="" class="active" v-if="!syqdshow" />
        <img src="@/images/sydac.png" alt="" v-if="syqdshow" />
      </div>
      <div class="syqy" v-if="sydshow"></div>
    </div>
    <!-- 调整视野窗位置 -->
    <div class="tzsycbox" v-if="step == 4">
      <img
        src="@/images/sycbgs.png"
        alt=""
        class="tzsycboximg"
        v-if="taskstep == 1"
      />
      <img
        src="@/images/sycbgss.png"
        alt=""
        class="tzsycboximg"
        v-if="taskstep == 2"
      />
      <img
        src="@/images/sycbgsss.png"
        alt=""
        class="tzsycboximg"
        v-if="taskstep == 3"
      />
      <div class="tsksycbgsss" v-if="taskstep == 3"></div>
      <div class="syqysdboxs" v-if="taskstep == 2">
        <div
          class="syqysdsd"
          :style="{
            width: widthpx * 0.00521 + 'rem',
            height: heightpx * 0.00521 + 'rem'
          }"
        ></div>
      </div>
      <div class="syqysdboxs" v-if="taskstep == 1">
        <div
          class="syqysds"
          :style="{
            width: widthpx * 0.00521 + 'rem',
            height: heightpx * 0.00521 + 'rem'
          }"
        ></div>
      </div>
      <div class="syqysdboxss" v-if="taskstep == 3">
        <div
          class="syqysds"
          :style="{
            width: widthpx * 0.00521 + 'rem',
            height: heightpx * 0.00521 + 'rem'
          }"
        ></div>
      </div>
      <div class="syzqwzs" v-if="taskstep == 1"></div>
      <div class="syzqwzss" v-if="taskstep == 2"></div>
      <div class="tool tjbox" @click="gj()">
        <img src="@/images/tj.png" alt="" class="normal" />
        <img src="@/images/tjac.png" alt="" class="active" />
      </div>
      <div class="tool tjjbox" @click="gjj()">
        <img src="@/images/tjj.png" alt="" class="normal" />
        <img src="@/images/tjjac.png" alt="" class="active" />
      </div>
      <div class="tool ctjbox" @click="kj()">
        <img src="@/images/tj.png" alt="" class="normal" />
        <img src="@/images/tjac.png" alt="" class="active" />
      </div>
      <div class="tool ctjjbox" @click="kjj()">
        <img src="@/images/tjj.png" alt="" class="normal" />
        <img src="@/images/tjjac.png" alt="" class="active" />
      </div>
      <div class="tool sidqd" @click="sycqd()">
        <img src="@/images/qd.png" alt="" class="normal" />
        <img src="@/images/qdac.png" alt="" class="active" />
      </div>
      <img
        src="@/images/tzz.png"
        alt=""
        class="tzz"
        :style="{ transform: 'rotate(' + rotateds + 'deg)' }"
      />
      <img
        src="@/images/tzzs.png"
        alt=""
        class="tzzs"
        :style="{ transform: 'rotate(' + rotatedss + 'deg)' }"
      />
    </div>
    <!-- 工作站ui -->
    <div class="gzzuis" v-if="gzzshow">
      <img src="@/images/gzzui.png" alt="" class="gzzuiimg" />
      <div class="gdybox">
        <div class="jiana tm" ref="dyj" @click="dyj()">
          <img src="@/images/jiana.png" alt="" />
        </div>
        <div class="gdyput">
          <span>{{ gdy }}</span>
          <span>KV</span>
        </div>
        <div class="jiana tm" ref="dyjj" @click="dyjj()">
          <img src="@/images/jiaa.png" alt="" />
        </div>
      </div>
      <div class="gdyboxs gdybox">
        <div class="jiana tm" ref="dlj" @click="dlj()">
          <img src="@/images/jiana.png" alt="" />
        </div>
        <div class="gdyput">
          <span>{{ gdl }}</span>
          <span>mAs</span>
        </div>
        <div class="jiana tm" ref="dljj" @click="dljj()">
          <img src="@/images/jiaa.png" alt="" />
        </div>
      </div>
      <div class="gzuiqd tool" ref="gzuiqd" @click="gzqda">
        <img src="@/images/qd.png" alt="" class="normal" />
        <img src="@/images/qdac.png" alt="" class="active" />
      </div>

      <!-- 曝光之后的图像展示 -->
      <div
        class="bgtxbox"
        v-if="bgtshow && step == 6 && this.taskstep == 1"
        @click=";(bgerboxshow = true), (gzzshow = false), (bztips = '')"
      >
        <img src="@/images/gdbddd.png" alt="" />
      </div>
      <div
        class="bgtxbox"
        v-if="bgtshow && step == 7 && this.taskstep == 2"
        @click=";(bgerboxshow = true), (gzzshow = false), (bztips = '')"
      >
        <!-- bgtxboximg -->
        <!-- <img src="@/images/ddbjjbj.png" alt="" /> -->
        <img src="@/images/bgtxboximg.png" alt="" />
      </div>
    </div>
    <!-- 曝光框 -->
    <!-- v-if="bgshow" -->
    <div class="bgkboxs" v-if="bgshow">
      <div class="bgdhbox">
        <!-- changj -->

        <bg-dh ref="bgdh" @clickItem="clickItem" />
      </div>
      <div class="bgan tool" @click="bgdhbf" v-if="ksbgshows">
        <img src="@/images/bgl.png" alt="" class="normal" />
        <img src="@/images/bglac.png" alt="" class="active" />
      </div>
      <!-- <div class="bgan tool" @click="zbbg" v-if="ksbgshows">
        <img src="@/images/zbbg.png" alt="" class="normal" />
        <img src="@/images/zbbgac.png" alt="" class="active" />
      </div>
      <div class="bgan tool" v-if="ksbgshow" @click="bgdhbf">
        <img src="@/images/bgl.png" alt="" class="normal" />
        <img src="@/images/bglac.png" alt="" class="active" />
      </div> -->
      <div class="bgan" v-if="bgdjs3">
        <img src="@/images/3.png" alt="" />
      </div>
      <div class="bgan" v-if="bgdjs2">
        <img src="@/images/2.png" alt="" />
      </div>
      <div class="bgan" v-if="bgdjs1">
        <img src="@/images/1.png" alt="" />
      </div>
    </div>
    <!-- 曝光二次展示框 -->
    <div class="bgerbox" v-if="bgerboxshow">
      <div class="bgtimgbox">
        <img v-if="taskstep == 1" src="@/images/xtp1.png" alt="" />

        <img v-if="taskstep == 2" src="@/images/xtp.png" alt="" />
        <!-- <img v-if="taskstep == 2" src="@/images/xtp2.png" alt="" /> -->
      </div>
      <div class="bgtdes" v-if="taskstep == 1">
        调节窗宽窗位后，读取最大分辨线对数
        <el-button
          type="primary"
          class="bgerfnsd"
          @click=";(bgerboxshow = false), (taskstep = 2)"
          >确 定</el-button
        >
      </div>
      <div class="bgtdes" v-if="taskstep == 2">
        调节窗宽窗位，观察图像能够分辨的最小圆筒对应的百分比即为低对比度分辨力
        <el-button
          type="primary"
          class="bgerfn"
          @click=";(bgerboxshow = false), (taskstep = 3)"
          >确 定</el-button
        >
      </div>
    </div>

    <!-- 调节SID -->
    <div class="sydckbox" v-if="step == 2 && taskstep == 3">
      <img src="@/images/sidbgs.png" alt="" class="sydckboximg" />
      <div class="tool sids" @click="sids()">
        <img
          src="@/images/sids.png"
          alt=""
          class="normal tm"
          ref="sids"
          v-if="!sidshow"
        />
        <img src="@/images/sidsac.png" alt="" class="active" v-if="!sidshow" />
        <img src="@/images/sidsac.png" alt="" v-if="sidshow" />
      </div>
      <div class="tool sidx" @click="sidx()">
        <img
          src="@/images/sidx.png"
          alt=""
          class="normal tm"
          ref="sidx"
          v-if="!sidshow"
        />
        <img src="@/images/sidxac.png" alt="" class="active" v-if="!sidshow" />
        <img src="@/images/sidxac.png" alt="" v-if="sidshow" />
      </div>
      <div
        class="sidnbmer"
        ref="sidnber"
        :style="{ bottom: (bnumber + 2) * 0.00521 + 'rem' }"
      >
        <img src="@/images/sidsz.png" alt="" />
        <span>{{ bnumber / 3 }}</span>
      </div>
      <div class="tool sidqd" @click="sidyz()">
        <img src="@/images/qd.png" alt="" class="normal" />
        <img src="@/images/qdac.png" alt="" class="active" />
      </div>
    </div>
    <!-- 新工作站图 -->
    <!-- v-if="false" -->
    <!-- v-if="gzzshow" -->
    <!-- v-if="gzzshow" -->
    <div class="newgzbox" v-if="gzzshownew">
      <!-- 工作站序列图 -->
      <div class="tswz" v-if="tsfwshow"></div>
      <div class="xldfs">
        <img
          src="@/images/xjdbgt.png"
          alt=""
          v-if="xjdimgshow"
          ref="xjdimg"
          @click="xzjdt(1)"
        />
        <img
          src="@/images/xjdbgt.png"
          alt=""
          v-if="djdimgshow"
          ref="djdimg"
          @click="xzjdt(2)"
        />
      </div>
      <div class="xldf">
        <img
          src="@/images/xjdbgqt.png"
          alt=""
          ref="xjdbg"
          v-if="xjdbgqtshow"
          @click="xzcjwc(1)"
        />
        <img
          src="@/images/djdbgqt.png"
          alt=""
          ref="djdbg"
          v-if="djdbgqtshow"
          @click="xzcjwc(2)"
        />
      </div>

      <img src="@/images/newgzz.png" alt="" class="newgzboximg" />
      <div class="xbgborder tm" v-if="xbkshow" @click="xbffn"></div>
      <img src="@/images/xzx.png" alt="" class="xbgborders" v-if="xbacshow" />
      <img src="@/images/xzx.png" alt="" class="xbgborders" v-if="xbacshows" />
      <div class="dbgborder tm" v-if="dbkshow" @click="xbffns"></div>
      <img src="@/images/dxz.png" alt="" class="dbgborders" v-if="dbacshow" />
      <img src="@/images/dxz.png" alt="" class="dbgborders" v-if="dbacshows" />
      <!-- 工作站操作按钮 -->
      <!-- 曝光+ -->
      <img
        src="@/images/bgj.png"
        alt=""
        class="bgj"
        @click="increaseExposure"
      />
      <!-- 曝光- -->
      <img
        src="@/images/bgja.png"
        alt=""
        class="bgja"
        @click="decreaseExposure"
      />
      <!-- 保存 -->
      <img
        src="@/images/bca.png"
        alt=""
        class="bca"
        @click="cutDowns"
        ref="bca"
      />
      <!-- 测量 -->
      <img src="@/images/cla.png" alt="" class="cla" ref="cla" @click="clafn" />
      <!-- 放大 -->
      <img src="@/images/fda.png" alt="" class="fda" @click="zoomIn" />
      <!-- 缩小 -->
      <img src="@/images/sxa.png" alt="" class="sxa" @click="zoomOut" />
      <!--操作按钮 -->
      <div class="gdybox">
        <div class="jiana" ref="dyj" @click="dyj()">
          <img src="@/images/jiana.png" alt="" />
        </div>
        <div class="gdyput">
          <span>{{ gdy }}</span>
          <span>KV</span>
        </div>
        <div class="jiana" ref="dyjj" @click="dyjj()">
          <img src="@/images/jiaa.png" alt="" />
        </div>
      </div>
      <div class="gdyboxs gdybox">
        <div class="jiana" ref="dlj" @click="dlj()">
          <img src="@/images/jiana.png" alt="" />
        </div>
        <div class="gdyput">
          <span>{{ gdl }}</span>
          <span>mAs</span>
        </div>
        <div class="jiana" ref="dljj" @click="dljj()">
          <img src="@/images/jiaa.png" alt="" />
        </div>
      </div>
      <div class="gzuiqd tool" ref="gzuiqd" @click="gzqdaa">
        <img src="@/images/qd.png" alt="" class="normal" />
        <img src="@/images/qdac.png" alt="" class="active" />
      </div>
      <!--曝光图 -->
      <ImgCutter
        class="bgta"
        ref="imgCutterModal"
        label=""
        fileType="jpeg"
        :crossOrigin="true"
        crossOriginHeader="*"
        rate=""
        :boxWidth="490"
        :boxHeight="585"
        :cutWidth="70"
        :cutHeight="70"
        toolBgc="none"
        :isModal="false"
        :showChooseBtn="true"
        :lockScroll="true"
        :sizeChange="true"
        :moveAble="true"
        :imgMove="true"
        :originalGraph="false"
        :smallToUpload="true"
        :saveCutPosition="true"
        :scaleAble="true"
        :previewMode="true"
        :quality="1"
        :toolBoxOverflow="true"
        :tool="false"
        :cjshow="cjshow"
        @cutDown="cutDown"
      >
      </ImgCutter>
      <!-- 裁剪完成的曝光图 -->
      <div class="ckwcfw">
        <img
          src="@/images/xjdbgqt.png"
          alt=""
          class="bgtas"
          v-if="xjdbgqtshow"
          :style="imageStyle"
        />
        <img
          src="@/images/djdbgqt.png"
          alt=""
          class="bgtas"
          v-if="djdbgqtshow"
          :style="imageStyle"
        />
      </div>
      <!-- 显示线1 -->
      <img src="@/images/xsx1.png" alt="" class="ssx1" v-if="zhan1" />
      <!-- 显示线2 -->
      <img src="@/images/xsx2.png" alt="" class="ssx2" v-if="zhan2" />
      <!-- 显示线3 -->
      <img src="@/images/xsx3.png" alt="" class="ssx3" v-if="zhan3" />
      <!-- 显示线数据1 -->
      <span class="xssj1" v-if="zhan1 && yxjdsum == 1">S:130mm</span>
      <span class="xssj1" v-if="zhan1 && yxjdsum == 2">S:130.3mm</span>

      <!-- 显示线数据2 -->
      <span class="xssj2" v-if="zhan2 && yxjdsum == 1">Zw:46.3mm</span>
      <span class="xssj2" v-if="zhan2 && yxjdsum == 2">Zw:79.9mm</span>
      <!-- 显示线数据3 -->
      <span class="xssj3" v-if="zhan3 && yxjdsum == 1">Zl:40.9mm</span>
      <span class="xssj3" v-if="zhan3 && yxjdsum == 2">ZL:65mm</span>
      <!-- 
        序列数据组
       -->
      <div class="xlsjz">
        <!-- 显示线数据1 -->
        <span class="xssj" v-if="zhan1 && yxjdsum == 1">S:130mm</span>
        <span class="xssj" v-if="zhan1 && yxjdsum == 2">S:130.3mm</span>
        <!-- 显示线数据2 -->
        <span class="xssj" v-if="zhan2 && yxjdsum == 1">Zw:46.3mm</span>
        <span class="xssj" v-if="zhan2 && yxjdsum == 2">Zw:79.9mm</span>
        <!-- 显示线数据3 -->
        <span class="xssj" v-if="zhan3 && yxjdsum == 1">Zl:40.9mm</span>
        <span class="xssj" v-if="zhan3 && yxjdsum == 2">ZL:65mm</span>
      </div>
      <!-- 闪烁线3 -->
      <img
        src="@/images/ssx3.png"
        alt=""
        class="ssx3 tm"
        v-if="shan3"
        ref="ssx3"
        @click="ssx3fn"
      />
      <!-- 闪烁线2 -->
      <img
        src="@/images/ssx2.png"
        alt=""
        class="ssx2"
        v-if="shan2"
        ref="ssx2"
        @click="ssx2fn"
      />
      <!-- 闪烁线1 -->
      <img
        src="@/images/ssx1.png"
        alt=""
        class="ssx1"
        v-if="shan1"
        ref="ssx1"
        @click="ssx1fn"
      />
    </div>
    <!-- <div class="btns btn-primary" @click="cs">三四十</div>
    <div class="btnss btn-primary" @click="cutDowns">裁剪</div> -->
    <div class="celbox beautifulScroll" v-if="cljsshow">
      <img src="@/images/cel.png" alt="" />
    </div>
    <el-button type="primary" class="celqd" v-if="cljsshow" @click="qdcl"
      >确定</el-button
    >
    <!-- 检查记录单最后 -->
    <div class="jcjldbox" v-if="jcjlshow">
      <img src="@/images/jcjl1.png" alt="" class="jcjld" />
      <el-input
        placeholder="S"
        :class="reds ? 'reds rs' : 'rs'"
        v-model="Rs"
      ></el-input>
      <el-input
        placeholder="R"
        class="r"
        :class="reds ? 'reds' : ''"
        v-model="r"
      ></el-input>
      <el-input
        placeholder="Zw"
        class="zw"
        :class="reds ? 'reds' : ''"
        v-model="zw"
      ></el-input>
      <el-input
        placeholder="M"
        class="m"
        :class="reds ? 'reds' : ''"
        v-model="m"
      ></el-input>
      <el-input
        placeholder="Zl"
        class="zl"
        :class="reds ? 'reds' : ''"
        v-model="zl"
      ></el-input>
      <el-input
        placeholder="M"
        class="m2"
        :class="reds ? 'reds' : ''"
        v-model="m2"
      ></el-input>
      <el-button
        type="primary"
        class="jcjlds"
        :class="reds ? 'reds' : ''"
        @click="jcpostfn"
        >确定</el-button
      >
    </div>
    <!-- 整体记录单展示 -->
    <div class="ztjlbox" v-if="taskstep == 4 && step == 1">
      <img src="@/images/ztjcjld.png" alt="" />
      <el-button
        type="primary"
        class="celqd"
        @click=";(ztlcbox = true), (step = 2)"
        >确 定</el-button
      >
    </div>
    <!-- 整体流程图 -->
    <div class="ztlcbox" v-if="taskstep == 4 && step == 2">
      <img src="@/images/jdimgs.png" alt="" class="gdbimgsds" />
      <el-button type="primary" class="bgerfns" @click="back">确 定</el-button>
    </div>
    <!-- 物品放置完成提示 -->
    <!-- <y-wctip :wctips="wctips" v-if="wctips" /> -->
    <y-wctip :wctips="wctips" v-if="wctips" />
  </div>
</template>
<script>
import seenMk3 from '@/components/seenMk3.vue'
import HeadMain from './headMain.vue'
import BzTips from './bzTips.vue'
import ErrorTip from './errorTip.vue'
import OverTips from './overTips.vue'
import BgDh from './bgDh.vue'
import { MathUtils } from 'three'

import ImgCutter from '@/components/ImgCutter.vue'
import YWctip from './yWctip.vue'

// import ImgCutter from 'vue-img-cutter'
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';

export default {
  //import引入的组件需要注入到对象中才能使用
  components: {
    HeadMain,
    seenMk3,
    BzTips,
    ErrorTip,
    OverTips,
    BgDh,
    ImgCutter,
    YWctip
  },
  data() {
    //这里存放数据
    return {
      wctips: '',
      cjshow: true,
      bgtshow: false,
      ztlcbox: false,
      jcjldxboxshow: false,
      bgerboxshow: false,
      Rs: '',
      r: '',
      zw: '',
      m: '',
      zl: '',
      m2: '',
      jcjlshow: false,
      reds: false,
      shan1: false,
      shan2: false,
      shan3: false,
      zhan1: false,
      zhan2: false,
      zhan3: false,
      gzzshownew: false,
      yxjdsum: 0,
      bgnuber: 0,
      gdy: 0,
      gdl: 0,
      wpidac: '',
      wpid: '',
      ysy: [],
      overtips: '',
      ertips: '',
      rotateds: 0,
      rotatedss: 0,
      imgshow: false,
      cjwcnb: false,
      tsfwshow: false,
      sidsho: false,
      desshow: true,
      gdblboxshow: false,
      sydshow: false,
      tipshow: false,
      bgshow: false,
      tipfnshow: false,
      taskclose: true,
      dktips: false,
      xfpshow: false,
      syshow: false,
      syqdshow: false,
      myshow: false,
      gzzshow: false,
      ksbgshows: true,
      ksbgshow: false,
      bgdjs3: false,
      bgdjs2: false,
      bgdjs1: false,
      dktipss: false,
      sidshow: false,
      xbkshow: true,
      dbkshow: true,
      xbacshow: false,
      dbacshow: false,
      xbacshows: false,
      dbacshows: false,
      xjdimgshow: false,
      djdimgshow: false,
      xjdbgqtshow: false,
      djdbgqtshow: false,
      cljsshow: false,
      scale: 1,
      exposure: 100,
      bnumber: 0,
      steps: 1,
      bztips: '',
      tbstep: 1,
      cbstep: 1,
      widthpx: 337,
      heightpx: 280,
      step: 1,
      taskstep: 1,
      // step: 1,
      // taskstep: 1,
      tbdata: [
        {
          id: 1,
          src: require('@/images/jdl.png'),
          srcac: require('@/images/jdlac.png')
        },
        {
          id: 2,
          src: require('@/images/gdbds.png'),
          srcac: require('@/images/gdbdac.png')
        },
        {
          id: 3,
          src: require('@/images/ddbd.png'),
          srcac: require('@/images/ddbdac.png')
        }
      ],
      cbdata: [
        {
          id: 1,
          src: require('@/images/cbsyyl.png'),
          srcac: require('@/images/cbsyylac.png')
        },
        {
          id: 2,
          src: require('@/images/cbjcff.png'),
          srcac: require('@/images/cbjcffac.png')
        },
        {
          id: 3,
          src: require('@/images/cbsylc.png'),
          srcac: require('@/images/cbsylcac.png')
        }
      ],
      taskerdata: [
        {
          id: 1,
          src: require('@/images/task1.png'),
          srcac: require('@/images/task1ac.png')
        },
        {
          id: 2,
          src: require('@/images/task2.png'),
          srcac: require('@/images/task2ac.png')
        },
        {
          id: 3,
          src: require('@/images/task3.png'),
          srcac: require('@/images/task3ac.png')
        },
        {
          id: 4,
          src: require('@/images/task4.png'),
          srcac: require('@/images/task4ac.png')
        },
        {
          id: 5,
          src: require('@/images/task5.png'),
          srcac: require('@/images/task5ac.png')
        },
        {
          id: 6,
          src: require('@/images/task6.png'),
          srcac: require('@/images/task6ac.png')
        }
      ],
      wpdata: [
        {
          id: 1,
          src: require('@/images/wp11.png'),
          srcac: require('@/images/wp11ac.png'),
          srcts: require('@/images/wp11ts.png')
        },
        {
          id: 2,
          src: require('@/images/wp12.png'),
          srcac: require('@/images/wp12ac.png'),
          srcts: require('@/images/wp12ts.png')
        },
        {
          id: 3,
          src: require('@/images/wp13.png'),
          srcac: require('@/images/wp13ac.png'),
          srcts: require('@/images/wp13ts.png')
        },
        {
          id: 4,
          src: require('@/images/wp14.png'),
          srcac: require('@/images/wp14ac.png'),
          srcts: require('@/images/wp14ts.png')
        },
        {
          id: 5,
          src: require('@/images/wp15.png'),
          srcac: require('@/images/wp15ac.png'),
          srcts: require('@/images/wp15ts.png')
        },
        {
          id: 6,
          src: require('@/images/wp16.png'),
          srcac: require('@/images/wp16ac.png'),
          srcts: require('@/images/wp16ts.png')
        },
        {
          id: 7,
          src: require('@/images/wp17.png'),
          srcac: require('@/images/wp17ac.png'),
          srcts: require('@/images/wp17ts.png')
        }
      ]
    }
  },
  //监听属性 类似于data概念
  computed: {
    shouldShow() {
      // 计算属性，计算是否应该显示
      return this.step == 5 && this.taskstep == 1
    },
    imageStyle() {
      return {
        transform: `scale(${this.scale})`,
        filter: `brightness(${this.exposure}%)`,
        transition: 'transform 0.5s ease, filter 0.5s ease'
      }
    }
  },
  //监控data中的数据变化
  watch: {
    tbstep(val) {
      if (val == 1) {
        this.cbdata = [
          {
            id: 1,
            src: require('@/images/cbsyyl.png'),
            srcac: require('@/images/cbsyylac.png')
          },
          {
            id: 2,
            src: require('@/images/cbjcff.png'),
            srcac: require('@/images/cbjcffac.png')
          }
          // {
          //   id: 3,
          //   src: require('@/images/cbsylc.png'),
          //   srcac: require('@/images/cbsylcac.png')
          // }
        ]
      }
      if (val == 2) {
        this.cbdata = [
          {
            id: 1,
            src: require('@/images/cbsyyl.png'),
            srcac: require('@/images/cbsyylac.png')
          },
          {
            id: 2,
            src: require('@/images/cbjcff.png'),
            srcac: require('@/images/cbjcffac.png')
          }
          // {
          //   id: 3,
          //   src: require('@/images/cbsylc.png'),
          //   srcac: require('@/images/cbsylcac.png')
          // }
        ]
      }
      if (val == 3) {
        this.cbdata = [
          {
            id: 1,
            src: require('@/images/cbsyyl.png'),
            srcac: require('@/images/cbsyylac.png')
          },
          {
            id: 2,
            src: require('@/images/cbjcff.png'),
            srcac: require('@/images/cbjcffac.png')
          },
          // {
          //   id: 3,
          //   src: require('@/images/cbsylc.png'),
          //   srcac: require('@/images/cbsylcac.png')
          // },
          {
            id: 4,
            src: require('@/images/cbzysx.png'),
            srcac: require('@/images/cbzysxac.png')
          }
        ]
      }
    },
    taskstep: {
      handler(val) {
        if (this.$refs.seen) {
          // 先重置旋转度数
          // this.$refs.seen.DR1.position = this.$refs.seen.DR1.positions
          // this.$refs.seen.DR1.rotation = this.$refs.seen.DR1.rotations
          this.$refs.seen.DR1.position.set(0, 0, 0)
          this.$refs.seen.DR1.rotation.set(0, 0, MathUtils.degToRad(0))
          //再重置灯光
          this.$refs.seen.planeTop.visible = false
          this.$refs.seen.cylinder.visible = false
          this.$refs.seen.planeBottom.visible = false
          this.$refs.seen.planeTops.visible = false
          this.$refs.seen.cylinders.visible = false
          this.$refs.seen.planeBottoms.visible = false
          // 重置位置
          this.$refs.seen.twinklePoint(-3, -3, -3)
        }
        this.reseset()
        this.step = 1
        // 重置显示角度除非制定
        if (val != 3) {
          if (this.$refs.seen) {
            this.$refs.seen.move([0, 1.737, -5.826], [-1, 0, -1])
            this.$refs.seen.XianShuChuiZhiCeShiTong_1.visible = false
            this.$refs.seen.ZhunZhiDuJianCeBan.visible = false
            this.$refs.seen.PingBanTanCeQi.visible = false
            this.$refs.seen.DiFenBianLvJianCeMoTi.visible = false
            this.$refs.seen.FenBianLvCeShiKa.visible = false
            this.$refs.seen.LiangDuXingKa_3.visible = false
            this.$refs.seen.WuPinTai.visible = true
          }
        }

        this.dktips = true
        if (val == 1) {
          this.taskerdata = [
            {
              id: 1,
              src: require('@/images/task1.png'),
              srcac: require('@/images/task1ac.png')
            },
            {
              id: 2,
              src: require('@/images/task2.png'),
              srcac: require('@/images/task2ac.png')
            },
            {
              id: 3,
              src: require('@/images/task3.png'),
              srcac: require('@/images/task3ac.png')
            },
            {
              id: 4,
              src: require('@/images/task4.png'),
              srcac: require('@/images/task4ac.png')
            },
            {
              id: 5,
              src: require('@/images/task5.png'),
              srcac: require('@/images/task5ac.png')
            },
            {
              id: 6,
              src: require('@/images/task6.png'),
              srcac: require('@/images/task6ac.png')
            }
          ]
        }
        if (val == 2) {
          this.taskerdata = [
            {
              id: 1,
              src: require('@/images/task21.png'),
              srcac: require('@/images/task21ac.png')
            },
            {
              id: 2,
              src: require('@/images/task2.png'),
              srcac: require('@/images/task2ac.png')
            },
            {
              id: 3,
              src: require('@/images/task3.png'),
              srcac: require('@/images/task3ac.png')
            },
            {
              id: 4,
              src: require('@/images/task4.png'),
              srcac: require('@/images/task4ac.png')
            },
            {
              id: 5,
              src: require('@/images/task25.png'),
              srcac: require('@/images/task25ac.png')
            },
            {
              id: 6,
              src: require('@/images/task5.png'),
              srcac: require('@/images/task5ac.png')
            },
            {
              id: 7,
              src: require('@/images/task6.png'),
              srcac: require('@/images/task6ac.png')
            }
          ]
        }
        if (val == 3) {
          this.taskerdata = [
            {
              id: 1,
              src: require('@/images/task31.png'),
              srcac: require('@/images/task31ac.png')
            },
            {
              id: 2,
              src: require('@/images/task32.png'),
              srcac: require('@/images/task32ac.png')
            },
            {
              id: 3,
              src: require('@/images/task33.png'),
              srcac: require('@/images/task33ac.png')
            },
            {
              id: 4,
              src: require('@/images/task34.png'),
              srcac: require('@/images/task34ac.png')
            },
            {
              id: 5,
              src: require('@/images/task35.png'),
              srcac: require('@/images/task35ac.png')
            },
            {
              id: 6,
              src: require('@/images/task36.png'),
              srcac: require('@/images/task36ac.png')
            }
          ]
          if (this.$refs.seen) {
            this.$refs.seen.move(
              [-1.696, 1.369, -3.11],
              [-175.59 / 180, 4.87 / 180, 179.62 / 180]
            )
            this.$refs.seen.XianShuChuiZhiCeShiTong_1.visible = false
            this.$refs.seen.ZhunZhiDuJianCeBan.visible = false
            this.$refs.seen.PingBanTanCeQi.visible = false
            this.$refs.seen.DiFenBianLvJianCeMoTi.visible = false
            this.$refs.seen.FenBianLvCeShiKa.visible = false
            this.$refs.seen.LiangDuXingKa_3.visible = false
            this.$refs.seen.WuPinTai.visible = true
          }
        }
        if (val == 4) {
          this.taskerdata = []
        }
        this.wpidac = ''
        this.wpid = ''
        this.ysy = []
        this.step = 1
      },
      immediate: true,
      deep: true
    },
    ertips(val) {
      if (val != '') {
        const timer = setTimeout(() => {
          this.ertips = ''

          clearTimeout(timer)
        }, 1000)
      }
    },
    wctips(val) {
      if (val != '') {
        const timer = setTimeout(() => {
          this.wctips = ''

          clearTimeout(timer)
        }, 1000)
      }
    },
    overtips(val) {
      if (val != '') {
        const timer = setTimeout(() => {
          this.overtips = ''
          clearTimeout(timer)
        }, 1000)
      }
    },
    step: {
      handler(i) {
        this.reseset()
        this.cjshow = true
        if (i == 1) {
          // this.bztips = '点击打开视野灯'
          this.dktips = true
          this.xfpshow = false
          this.ysy = []
          if (this.$refs.seen) {
            if (this.$refs.seen.FenBianLvCeShiKa) {
              this.$refs.seen.FenBianLvCeShiKa.visible = false
            }
            if (this.$refs.seen.DiFenBianLvJianCeMoTi) {
              this.$refs.seen.DiFenBianLvJianCeMoTi.visible = false
            }
            if (this.$refs.seen.LiangDuXingKa_3) {
              this.$refs.seen.LiangDuXingKa_3.visible = false
            }
          }
        }
        // if(taskstep)
        if (i == 2 && (this.taskstep == 2 || this.taskstep == 1)) {
          this.bztips = '点击操控面板，调节SID值为180CM'
          this.$refs.seen.twinklePoint(-0.66, 1.94, -0.36)
        }
        if (i == 3) {
          this.syshow = true
          this.bztips = '点击打开视野灯'
          if (this.taskstep != 3) {
            // console.log('DR1', this.$refs.seen.DR1)
            this.$refs.seen.DR1.position.set(1.01, 2.38, 0)
            this.$refs.seen.DR1.rotation.set(0, 0, MathUtils.degToRad(90))
            // console.log('this.$refs.seen.DR1.rotation.y', Math.PI)
          }
        }
        if (i < 3 && this.taskstep != 3) {
          console.log('执行了归位')
          if (this.$refs.seen) {
            this.$refs.seen.DR1.position.set(0, 0, 0)
            this.$refs.seen.DR1.rotation.set(0, 0, MathUtils.degToRad(0))
          }
        }
        if (i > 3) {
          if (this.taskstep == 3) {
            this.$refs.seen.planeTops.visible = true
            this.$refs.seen.cylinders.visible = true
            this.$refs.seen.planeBottoms.visible = true
            this.$refs.seen.planeTop.visible = false
            this.$refs.seen.cylinder.visible = false
            this.$refs.seen.planeBottom.visible = false
            this.$refs.seen.DR1.position.set(0, 0, 0)
            this.$refs.seen.DR1.rotation.set(0, 0, MathUtils.degToRad(0))
          } else {
            this.$refs.seen.planeTop.visible = true
            this.$refs.seen.cylinder.visible = true
            this.$refs.seen.planeBottom.visible = true
            this.$refs.seen.planeTops.visible = false
            this.$refs.seen.cylinders.visible = false
            this.$refs.seen.planeBottoms.visible = false
            this.$refs.seen.DR1.position.set(1.01, 2.38, 0)
            this.$refs.seen.DR1.rotation.set(0, 0, MathUtils.degToRad(90))
          }
        }
        if (i == 4 && this.taskstep == 1) {
          this.bztips = '通过旋钮将视野调整至合适的范围'
          // this.$refs.seen.playActions('All Animations', 'All Animations')
        }
        if (i == 4 && this.taskstep == 3) {
          this.bztips = '通过旋钮将视野调整至合适的范围'
          // this.$refs.seen.playActions('All Animations', 'All Animations')
        }
        if (i == 5 && (this.taskstep == 1 || this.taskstep == 3)) {
          this.$refs.seen.move(
            [-0.321, 1.457, -9.161],
            [-169.43 / 180, 5.44 / 180, 178.99 / 180]
          )
          this.bztips = '点击电脑设置曝光参数'
          this.$refs.seen.twinklePoint(-0.26, 1.6, -7.56)
        }
        if (i == 5 && this.taskstep == 2) {
          const indexid = this.ysy.indexOf(6)
          if (indexid > -1) {
            this.ysy.splice(indexid, 1)
          }
          this.bztips = '点击物品栏中的1.0mm铜滤过板，将其置于限束器出束口'
          this.wpid = 6
        }
        if (i == 6 && this.taskstep == 2) {
          this.$refs.seen.move(
            [-0.321, 1.457, -9.161],
            [-169.43 / 180, 5.44 / 180, 178.99 / 180]
          )
          this.bztips = '点击电脑设置曝光参数'
          this.$refs.seen.twinklePoint(-0.26, 1.6, -7.56)
        }
        if (i == 2 && this.taskstep == 3) {
          this.bztips =
            '点击X线球管的上下按钮，将SID值调整至图示位置，使2°星卡保持一定的放大率'
        }
        if (i == 5 && this.taskstep == 3) {
          this.xbkshow = true
          this.dbkshow = true
        }
        if (i == 6 && this.taskstep == 3) {
          this.cljsshow = true
        }
        if (i == 6 && this.taskstep == 1) {
          this.gzzshow = true
          this.bgtshow = true
          const timer = setTimeout(() => {
            this.$refs.dyj.classList.remove('tm')
            this.$refs.dyjj.classList.remove('tm')
            this.$refs.dlj.classList.remove('tm')
            this.$refs.dljj.classList.remove('tm')
            clearTimeout(timer)
          })
          this.bztips = '点击图像，观察最大分辨线对数'
        }
        if (i == 7 && this.taskstep == 2) {
          this.gzzshow = true
          this.bgtshow = true
          const timer = setTimeout(() => {
            this.$refs.dyj.classList.remove('tm')
            this.$refs.dyjj.classList.remove('tm')
            this.$refs.dlj.classList.remove('tm')
            this.$refs.dljj.classList.remove('tm')
            clearTimeout(timer)
          })
          this.bztips = '点击图像，观察图像能够分辨的最小圆筒'
        }
      },
      immediate: true,
      deep: true
    }
  },
  //方法集合
  methods: {
    // 选择焦点
    xzjdt(i) {
      this.jcjlshow = false
      this.reds = false
      this.Rs = ''
      this.r = ''
      this.zw = ''
      this.m = ''
      this.zl = ''
      this.m2 = ''
      this.yxjdsum = i
      this.$refs.xjdimg.classList.remove('xjdimgs')
      this.$refs.djdimg.classList.remove('xjdimgs')
      this.tsfwshow = true
      this.$refs.bca.classList.add('bcas')
      this.shan1 = false
      this.shan2 = false
      this.shan3 = false
      this.zhan1 = false
      this.zhan2 = false
      this.zhan3 = false
      this.$refs.cla.classList.remove('clas')
      if (this.$refs.xjdbg) {
        this.$refs.djdbg.classList.remove('tpxzac')
      }
      if (this.$refs.djdbg) {
        this.$refs.djdbg.classList.remove('tpxzac')
      }
      if (i == 1) {
        this.$refs.imgCutterModal.handleOpen({
          name: '小焦点',
          src: require('@/images/xjdbgt.png')
        })
        this.bztips = '按照图示位置对图像进行剪裁'
        this.$refs.xjdimg.classList.add('tpxzac')
        this.$refs.djdimg.classList.remove('tpxzac')
      }
      if (i == 2) {
        this.$refs.imgCutterModal.handleOpen({
          name: '大焦点',
          src: require('@/images/xjdbgt.png')
        })
        this.bztips = '按照图示位置对图像进行剪裁'
        this.$refs.djdimg.classList.add('tpxzac')

        this.$refs.xjdimg.classList.remove('tpxzac')
      }
    },
    qdcl() {
      this.xjdimgshow = true
      this.djdimgshow = true
      this.gzzshownew = true
      this.cljsshow = false
      this.bztips = '选取大焦点或小焦点图像，对图像进行剪裁'
      this.$nextTick(() => {
        this.$refs.xjdimg.classList.add('xjdimgs')
        this.$refs.djdimg.classList.add('xjdimgs')
      })
    },
    zbbg() {
      // this.bgdjs3 = true
      // this.ksbgshows = false
      // const timer1 = setTimeout(() => {
      //   this.bgdjs1 = false
      //   this.bgdjs3 = false
      //   this.bgdjs2 = true
      //   clearTimeout(timer1)
      // }, 1000)
      // const timer2 = setTimeout(() => {
      //   this.bgdjs2 = false
      //   this.bgdjs3 = false
      //   this.bgdjs1 = true
      //   clearTimeout(timer2)
      // }, 2000)
      // const timer3 = setTimeout(() => {
      //   this.bgdjs1 = false
      //   this.bgdjs2 = false
      //   this.bgdjs3 = false
      //   this.ksbgshow = true
      //   clearTimeout(timer3)
      // }, 3000)
    },
    sycqd() {
      let flag1 = null
      let flag2 = null

      console.log('现在', this.heightpx, this.widthpx)
      if (this.taskstep == 1) {
        if (this.heightpx <= 80 && this.heightpx >= 70) {
          flag1 = true
        }
        if (this.widthpx <= 87 && this.widthpx >= 67) {
          flag2 = true
        }
      }
      if (this.taskstep == 2) {
        if (this.heightpx <= 170 && this.heightpx >= 160) {
          flag1 = true
        }
        if (this.widthpx <= 167 && this.widthpx >= 157) {
          flag2 = true
        }
      }
      if (this.taskstep == 3) {
        if (this.heightpx <= 210 && this.heightpx >= 190) {
          flag1 = true
        }
        if (this.widthpx <= 197 && this.widthpx >= 187) {
          flag2 = true
        }
      }

      if (flag1 && flag2) {
        this.overtips = '已将视野调整至合适范围'
        const timer = setTimeout(() => {
          this.step = 5
          clearTimeout(timer)
        }, 2000)
      } else {
        this.ertips = '请将视野窗调整至正确范围'
      }
    },
    gj() {
      if (this.heightpx <= 280) {
        this.heightpx += 10
        this.rotateds -= 5
        this.$refs.seen.theHeight += 0.1
      }
    },
    gjj() {
      if (this.heightpx >= 0) {
        if (this.heightpx >= 67) {
          this.rotateds += 5
          this.heightpx -= 10
        }

        this.$refs.seen.theHeight -= 0.1
      }
    },
    kj() {
      if (this.widthpx <= 330) {
        this.widthpx += 10
        this.rotatedss += 5
        this.$refs.seen.theWidth += 0.1
      }
    },
    kjj() {
      if (this.widthpx >= 0) {
        if (this.widthpx >= 70) {
          this.rotatedss -= 5
          this.widthpx -= 10
        }

        this.$refs.seen.theWidth -= 0.1
      }
    },
    dyj() {
      if (this.$refs.dyj.classList.contains('tm')) {
        this.$refs.dyj.classList.remove('tm')
        this.$refs.dyjj.classList.remove('tm')
        this.$refs.dlj.classList.remove('tm')
        this.$refs.dljj.classList.remove('tm')
        this.$refs.gzuiqd.classList.add('fd')
      }
      if (this.gdy > 0) {
        this.gdy -= 10
      }
    },
    dljj() {
      if (this.$refs.dyj.classList.contains('tm')) {
        this.$refs.dyj.classList.remove('tm')
        this.$refs.dyjj.classList.remove('tm')
        this.$refs.dlj.classList.remove('tm')
        this.$refs.dljj.classList.remove('tm')
        this.$refs.gzuiqd.classList.add('fd')
      }
      if (this.gdl < 20) {
        this.gdl += 1
      }
    },
    dyjj() {
      if (this.$refs.dyj.classList.contains('tm')) {
        this.$refs.dyj.classList.remove('tm')
        this.$refs.dyjj.classList.remove('tm')
        this.$refs.dlj.classList.remove('tm')
        this.$refs.dljj.classList.remove('tm')
        this.$refs.gzuiqd.classList.add('fd')
      }
      if (this.gdy < 90) {
        this.gdy += 10
      }
    },
    dlj() {
      if (this.$refs.dyj.classList.contains('tm')) {
        this.$refs.dyj.classList.remove('tm')
        this.$refs.dyjj.classList.remove('tm')
        this.$refs.dlj.classList.remove('tm')
        this.$refs.dljj.classList.remove('tm')
        this.$refs.gzuiqd.classList.add('fd')
      }
      if (this.gdl > 0) {
        this.gdl -= 1
      }
    },
    gzqda() {
      if ((this.gdl != 0 || this.gdt != 0) && !this.bgshow) {
        this.$refs.gzuiqd.classList.remove('fd')
        // if (this.gdy == 60 && this.gdl == 3) {
        //   this.overtips = '参数已设置完成'
        //   const timer = setTimeout(() => {
        //     this.bztips = '请按曝光按钮'
        //     this.bgshow = true
        //     clearTimeout(timer)
        //   }, 2000)
        // } else {
        //   this.ertips = '请将管电压设置为60KV，毫安秒3mAs'
        // }
        if (this.taskstep == 1) {
          if (this.gdy == 60 && this.gdl == 3) {
            this.overtips = '参数已设置完成'
            const timer = setTimeout(() => {
              this.bztips = '请按曝光按钮'
              this.bgshow = true
              clearTimeout(timer)
            }, 2000)
          } else {
            this.ertips = '请将管电压设置为60KV，毫安秒3mAs'
          }
        }
        if (this.taskstep == 2) {
          if (this.gdy == 70 && this.gdl == 8) {
            this.overtips = '参数已设置完成'
            const timer = setTimeout(() => {
              this.bztips = '请按曝光按钮'
              this.bgshow = true
              clearTimeout(timer)
            }, 2000)
          } else {
            this.ertips = '请将管电压设置为70KV，毫安秒8mAs'
          }
        }
      }
    },
    myshowfn(i) {
      this.myshow = i
    },
    // 是否开启漫游
    myfn() {
      this.myshow = !this.myshow
      console.log('开启漫游或者关闭漫游', this.myshow)
    },
    syfn() {
      this.$refs.syd.classList.remove('tm')
      if (this.taskstep == 3) {
        this.$refs.seen.planeTops.visible = true
        this.$refs.seen.cylinders.visible = true
        this.$refs.seen.planeBottoms.visible = true
        this.$refs.seen.planeTop.visible = false
        this.$refs.seen.cylinder.visible = false
        this.$refs.seen.planeBottom.visible = false
      } else {
        this.$refs.seen.planeTop.visible = true
        this.$refs.seen.cylinder.visible = true
        this.$refs.seen.planeBottom.visible = true
        this.$refs.seen.planeTops.visible = false
        this.$refs.seen.cylinders.visible = false
        this.$refs.seen.planeBottoms.visible = false
      }
      // this.$refs.seen.getLine()
      this.syqdshow = true
      this.overtips = '视野等已开启'
      this.sydshow = true
      const timer = setTimeout(() => {
        this.step = 4
        clearTimeout(timer)
      }, 1000)
    },
    clickItem(name) {
      console.log('触发完成返回参数')
      if (
        name == 'DR5_3' &&
        this.step == 1 &&
        this.taskstep == 1 &&
        this.wpidac == 5
      ) {
        // this.$refs.seen.ZhunZhiDuJianCeBan.PingBanTanCeQi = true
        this.overtips = '已将平板探测器放置胸片架中'
        this.ysy.push(this.wpidac)
        const timer = setTimeout(() => {
          this.bztips =
            '点击物品栏中的高对比度分辨率测试卡，将其呈45°置于探测器表面中心'
          this.wpid = 1
          this.wpidac = 0
          this.steps = 1.1
          clearTimeout(timer)
        }, 2000)
      }
      if (
        name == 'DR5_3' &&
        this.step == 1 &&
        this.taskstep == 2 &&
        this.wpidac == 5
      ) {
        // this.$refs.seen.ZhunZhiDuJianCeBan.PingBanTanCeQi = true
        this.overtips = '已将平板探测器放置胸片架中'
        this.ysy.push(this.wpidac)
        const timer = setTimeout(() => {
          this.bztips =
            '点击物品栏中的低对比度分辨力检测模体，将其置于探测器表面中心'
          this.wpid = 2
          this.wpidac = 0
          this.steps = 1.1
          clearTimeout(timer)
        }, 2000)
      }
      if (
        name == 'DR5_3' &&
        this.step == 1 &&
        this.taskstep == 1 &&
        this.steps == 1.1 &&
        this.wpidac == 1
      ) {
        // this.$refs.seen.ZhunZhiDuJianCeBan.PingBanTanCeQi = true
        this.xfpshow = true
        this.overtips = '已将高对比度分辨率测试卡呈45°置于探测器表面中心'
        this.$refs.seen.FenBianLvCeShiKa.visible = true
        this.ysy.push(this.wpidac)
        const timer = setTimeout(() => {
          // this.bztips =
          //   '点击物品栏中的高对比度分辨率测试卡，将其呈45°置于探测器表面中心'
          this.wpid = 0
          this.wpidac = 0
          this.step = 2
          clearTimeout(timer)
        }, 2000)
      }
      if (
        name == 'DR5_3' &&
        this.step == 1 &&
        this.taskstep == 2 &&
        this.steps == 1.1 &&
        this.wpidac == 2
      ) {
        // this.$refs.seen.ZhunZhiDuJianCeBan.PingBanTanCeQi = true
        this.xfpshow = true
        this.overtips = '已将低对比度分辨力检测模体放置探测器表面中心'
        this.$refs.seen.DiFenBianLvJianCeMoTi.visible = true
        this.ysy.push(this.wpidac)
        const timer = setTimeout(() => {
          // this.bztips =
          //   '点击物品栏中的高对比度分辨率测试卡，将其呈45°置于探测器表面中心'
          this.wpid = 0
          this.wpidac = 0
          this.step = 2
          clearTimeout(timer)
        }, 2000)
      }

      if (
        name == 'DR5_3' &&
        this.step == 5 &&
        this.taskstep == 2 &&
        this.wpidac == 6
      ) {
        // this.$refs.seen.ZhunZhiDuJianCeBan.PingBanTanCeQi = true
        this.overtips = ' 已将1.0mm铜滤过板放置限束器出束口'
        this.ysy.push(this.wpidac)
        const timer = setTimeout(() => {
          this.wpidac = 0
          this.step = 6
          clearTimeout(timer)
        }, 2000)
      }
      if (
        name == 'DR1_1' &&
        this.step == 2 &&
        (this.taskstep == 1 || this.taskstep == 2)
      ) {
        this.overtips = '已将SID值调至合适数值'
        const timer = setTimeout(() => {
          // this.bztips =
          //   '点击物品栏中的高对比度分辨率测试卡，将其呈45°置于探测器表面中心'
          this.step = 3
          clearTimeout(timer)
        }, 2000)
      }
      if (name == 'ZhuoZI2_2' && this.step == 5 && this.taskstep == 1) {
        this.gzzshow = true
        this.bztips = '设置管电压为60KV，毫安秒为3mAs'
      }

      if (name == 'ZhuoZI2_2' && this.step == 5 && this.taskstep == 3) {
        this.gzzshownew = true
        this.bztips = '点击选取小焦点/大焦点曝光条件'
      }
      if (name == 'ZhuoZI2_2' && this.step == 6 && this.taskstep == 2) {
        this.gzzshow = true
        this.bztips = '设置管电压为70KV，毫安秒为8mAs'
      }
      if (name == 'All Animations' && this.step == 5 && this.taskstep == 1) {
        this.step = 6
      }
      if (name == 'All Animations' && this.step == 6 && this.taskstep == 2) {
        this.step = 7
      }
      if (name == 'All Animations' && this.step == 5 && this.taskstep == 3) {
        this.bgshow = false
        console.log('执行了焦点函数')
        this.bztips = ''
        this.bgnuber += 1

        if (this.xbacshow && !this.dbacshow) {
          console.log('执行了小焦点')
          this.bztips = '点击选取大焦点曝光条件'
          this.xbacshow = false
          this.xbacshows = true
          if (this.bgnuber < 2) {
            this.dbkshow = true
          }

          this.$refs.imgCutterModal.handleOpen({
            name: '小焦点',
            src: require('@/images/xjdbgt.png')
          })
          this.xjdimgshow = true
          this.cjshow = false
        }
        if (this.dbacshow && !this.xbacshow) {
          // && this.xbacshows
          this.bztips = '点击选取小焦点曝光条件'

          this.dbacshow = false
          this.dbacshows = true
          if (this.bgnuber < 2) {
            this.xbkshow = true
          }

          console.log('执行了大焦点')
          this.$refs.imgCutterModal.handleOpen({
            name: '大焦点',
            src: require('@/images/xjdbgt.png')
          })
          this.djdimgshow = true
          this.cjshow = false
        }

        if (this.bgnuber == 2) {
          setTimeout(() => {
            this.step = 6
          }, 2000)
        }
      }
      if (
        name == 'WuPinTai' &&
        this.step == 1 &&
        this.taskstep == 3 &&
        this.wpidac == 7
      ) {
        this.overtips = '已将星型测试卡放置台面'
        this.$refs.seen.LiangDuXingKa_3.visible = true
        this.ysy.push(this.wpidac)
        const timer = setTimeout(() => {
          this.wpidac = 0
          this.step = 2
          clearTimeout(timer)
        }, 2000)
      }
    },
    taskstepfn(i) {
      if (!this.dktips && !this.dktipss) {
        this.step = i
      } else {
        this.ertips = '请根据当前提示操作'
      }
    },

    taskdcfn(i) {
      if (!this.dktips) {
        this.taskclose = !this.taskclose
        this.taskstep = i
        this.step = 1
      } else {
        this.ertips = '请根据当前提示操作'
      }
    },
    choicewp(id) {
      console.log('选择的物品id', id)

      const flag = this.ysy.includes(id)
      if (flag) {
        this.wctips = '物品已经放置，请根据提示重新选择。'
      }
      if (!flag && this.wpidac == 0) {
        let wpname = [
          '高对比度分辨率测试卡',
          '低对比度分辨力检测模体',
          '准直度检测板',
          '线束垂直度测试筒',
          '平板探测器',
          '1.0mm铜滤过板'
        ]
        if (this.step != 1) {
          if (this.taskstep == 1) {
            this.ertips = '请根据当前提示操作'
          }
          if (this.taskstep == 2) {
            if (this.step != 1 && this.step != 5) {
              this.ertips = '请根据当前提示操作'
            }
          }
        }
        if (this.wpid != id && this.wpid != 0) {
          console.log('id', id)
          this.ertips = '请点击选择' + wpname[this.wpid - 1]
        }
        if (this.wpid == id) {
          if (this.wpid == 5) {
            this.overtips = '平板探测器已拿起'
            this.wpidac = 5
            this.$refs.seen.twinklePoint(2.44, 2.22, -0.36)
          }
          if (this.wpid == 1) {
            this.overtips = '高对比度分辨率测试卡已拿起'
            this.wpidac = 1
            this.$refs.seen.twinklePoint(2.44, 2.22, -0.36)
          }
          if (this.wpid == 2) {
            this.overtips = '低对比度分辨力检测模体已拿起'
            this.wpidac = 2
            this.$refs.seen.twinklePoint(2.44, 2.22, -0.36)
          }
          if (this.wpid == 6) {
            this.overtips = '1.0mm铜滤过板已拿起'
            this.wpidac = 6
            this.$refs.seen.twinklePoint(2.44, 2.22, -0.36)
          }
          if (this.wpid == 7) {
            this.overtips = '2°星卡已拿起'
            this.wpidac = 7
            this.$refs.seen.twinklePoint(-0.72, 1.32, -0.36)
          }
        }
      }
    },
    dkfn() {
      this.dktipss = true
      this.dktips = false
    },
    dkfns() {
      if (this.taskstep == 1) {
        this.bztips = '点击物品栏中的平板探测器，将其放置胸片架中'
        this.dktipss = false
        this.wpid = 5
        this.gdblboxshow = true
      }
      if (this.taskstep == 2) {
        this.bztips = '点击物品栏中的平板探测器，将其放置胸片架中'
        this.dktipss = false
        this.wpid = 5
        this.gdblboxshow = true
      }
      if (this.taskstep == 3) {
        this.bztips = '点击物品栏中的2°星卡，将其水平放置在台面上'
        this.dktipss = false
        this.wpid = 7
        // this.gdblboxshow = true
      }
    },
    tipsfn(i) {
      this.tipshow = i
      if (i == false && this.step == 1) {
        // console.log('执行', i)
        this.dktips = true
        this.step = 1
      }
    },
    start() {
      this.tipshow = true
      this.tipfnshow = true
      this.desshow = false
    },
    back() {
      this.$router.push({
        name: 'index'
      })
    },
    bgdhbf() {
      this.$refs.bgdh.playAction('All Animations', 'All Animations')
    },
    sidx() {
      if (this.sidshow == false) {
        this.sidshow = true
        this.$refs.sidx.classList.remove('tm')
        this.$refs.sids.classList.remove('tm')
      }

      if (this.bnumber <= 210 && this.bnumber > 0) {
        this.bnumber = this.bnumber - 30
      }
      if (this.bnumber > 210 && this.bnumber > 0) {
        this.bnumber = this.bnumber - 6
      }
    },
    sids() {
      if (this.bnumber < 210) {
        this.bnumber = this.bnumber + 30
      }
      if (this.bnumber >= 210) {
        this.bnumber = this.bnumber + 6
      }
      if (this.sidshow == false) {
        this.sidshow = true
        this.$refs.sidx.classList.remove('tm')
        this.$refs.sids.classList.remove('tm')
      }
    },
    sidyz() {
      console.log('现在的值', this.bnumber)
      if (this.bnumber == 228) {
        this.overtips = 'SID值已调完成'
        this.step = 3
      } else {
        this.ertips = '请将SID值调整至76CM'
      }
    },
    reseset() {
      // 重置显示角度除非制定
      if (this.$refs.seen) {
        // this.$refs.seen.DR1.position.set(0, 2.38, 0)
        // this.$refs.seen.DR1.rotation.set(0, 0, MathUtils.degToRad(90))
        if (this.taskstep != 3) {
          this.$refs.seen.move([0, 1.737, -5.826], [-1, 0, -1])
        } else {
          this.$refs.seen.move(
            [-1.696, 1.369, -3.11],
            [-175.59 / 180, 4.87 / 180, 179.62 / 180]
          )
        }
        this.$refs.seen.theWidth = 1
        this.$refs.seen.theHeight = 1
      }
      this.bgtshow = false
      this.ztlcbox = false
      this.jcjldxboxshow = false
      this.bgerboxshow = false
      this.gzzshownew = false
      this.jcjlshow = false
      this.reds = false
      this.Rs = ''
      this.r = ''
      this.zw = ''
      this.m = ''
      this.zl = ''
      this.m2 = ''
      this.shan1 = false
      this.shan2 = false
      this.shan3 = false
      this.zhan1 = false
      this.zhan2 = false
      this.zhan3 = false
      this.scale = 1
      this.exposure = 100
      this.yxjdsum = 0
      this.cjwcnb = 0
      this.tsfwshow = false
      this.bgnuber = 0
      this.cljsshow = false
      this.xjdimgshow = false
      this.djdimgshow = false
      this.xjdbgqtshow = false
      this.djdbgqtshow = false
      if (this.$refs.seen) {
        this.$refs.seen.planeTop.visible = false
        this.$refs.seen.cylinder.visible = false
        this.$refs.seen.planeBottom.visible = false
        this.$refs.seen.planeTops.visible = false
        this.$refs.seen.cylinders.visible = false
        this.$refs.seen.planeBottoms.visible = false
      }
      if (this.$refs.dyj) {
        this.$refs.dyj.classList.remove('tm')
      }
      if (this.$refs.dyjj) {
        this.$refs.dyjj.classList.remove('tm')
      }
      if (this.$refs.dlj) {
        this.$refs.dlj.classList.remove('tm')
      }
      if (this.$refs.dljj) {
        this.$refs.dljj.classList.remove('tm')
      }
      this.bztips = ''
      this.wpid = ''
      this.wpidac = ''
      this.gdblboxshow = false
      this.syshow = false
      this.syqdshow = false
      this.gzzshow = false
      this.bgshow = false
      this.ksbgshow = false
      this.ksbgshows = true
      this.bgdjs3 = false
      this.bgdjs2 = false
      this.bgdjs1 = false
      this.sydshow = false
      this.widthpx = 337
      this.heightpx = 280
      this.rotateds = 0
      this.rotatedss = 0
      this.dktipss = false
      this.xbkshow = false
      this.dbkshow = false
      this.xbacshow = false
      this.dbacshow = false
      this.xbacshows = false
      this.dbacshows = false
    },
    xbffn() {
      // 点击的小的路线
      this.xbkshow = false
      this.xbacshow = true
      this.dbkshow = false
      this.bztips = '设置小焦点曝光参数管电压为60KV，毫安秒为4mAs'
      this.$refs.dyj.classList.add('tm')
      this.$refs.dyjj.classList.add('tm')
      this.$refs.dlj.classList.add('tm')
      this.$refs.dljj.classList.add('tm')
    },
    xbffns() {
      // 点击的小的路线
      this.dbkshow = false
      this.dbacshow = true
      this.xbkshow = false
      this.bztips = '设置大焦点曝光参数管电压为60KV，毫安秒为3mAs'
      this.$refs.dyj.classList.add('tm')
      this.$refs.dyjj.classList.add('tm')
      this.$refs.dlj.classList.add('tm')
      this.$refs.dljj.classList.add('tm')
    },
    gzqdaa() {
      if (this.xbacshow && !this.dbacshow) {
        if ((this.gdl != 0 || this.gdt != 0) && !this.bgshow) {
          this.$refs.gzuiqd.classList.remove('fd')

          if (this.taskstep == 3) {
            if (this.gdy == 60 && this.gdl == 4) {
              this.overtips = '参数已设置完成'
              const timer = setTimeout(() => {
                this.bztips = '请按曝光按钮'
                this.bgshow = true
                clearTimeout(timer)
              }, 2000)
            } else {
              this.ertips = '请将管电压设置为60KV，毫安秒4mAs'
            }
          }
        }
      }
      if (this.dbacshow && !this.xbacshow) {
        if ((this.gdl != 0 || this.gdt != 0) && !this.bgshow) {
          this.$refs.gzuiqd.classList.remove('fd')

          if (this.taskstep == 3) {
            if (this.gdy == 60 && this.gdl == 3) {
              this.overtips = '参数已设置完成'
              const timer = setTimeout(() => {
                this.bztips = '请按曝光按钮'
                this.bgshow = true
                clearTimeout(timer)
              }, 2000)
            } else {
              this.ertips = '请将管电压设置为60KV，毫安秒3mAs'
            }
          }
        }
      }
    },
    cs() {
      this.$refs.imgCutterModal.handleOpen({
        name: '1.png',
        src: require('@/images/mkwc.png')
      })
    },
    cutDowns() {
      this.$refs.bca.classList.remove('bcas')
      this.$refs.cla.classList.add('clas')
      this.$refs.imgCutterModal.cropPicture(false)
      this.$refs.djdimg.classList.remove('tpxzac')
      this.$refs.xjdimg.classList.remove('tpxzac')

      this.bztips =
        '点击测量工具,测量星卡影像的直径S纵向模糊带最大直径Zw横向模糊带最大直径ZL'
      if (this.tsfwshow) {
        if (this.yxjdsum == 1) {
          this.xjdbgqtshow = true
          this.tsfwshow = false
          this.$nextTick(() => {
            this.$refs.xjdbg.classList.add('tpxzac')
          })
        }
        if (this.yxjdsum == 2) {
          this.djdbgqtshow = true
          this.tsfwshow = false
          this.$nextTick(() => {
            this.$refs.djdbg.classList.add('tpxzac')
          })
        }
      }
    },
    clafn() {
      this.$refs.cla.classList.remove('clas')
      if (
        this.bztips ==
        '点击测量工具,测量星卡影像的直径S纵向模糊带最大直径Zw横向模糊带最大直径ZL'
      ) {
        console.log('点击闪烁的线')
        this.shan1 = true
        this.$nextTick(() => {
          this.$refs.ssx1.classList.add('tm')
        })
        this.bztips = '测量星卡影像的直径S（mm)'
        // 先设置第一根线闪烁
      }
    },
    cutDown(file) {
      console.log('file', file)
    },
    xzcjwc(i) {
      this.cjwcnb = i
      if (this.cjwcnb == 1) {
        this.$refs.xjdbg.classList.add('tpxzac')
        this.$refs.djdbg.classList.remove('tpxzac')
        this.$refs.djdimg.classList.remove('tpxzac')
        this.$refs.xjdimg.classList.remove('tpxzac')
      }
      if (this.cjwcnb == 2) {
        this.$refs.djdbg.classList.add('tpxzac')
        this.$refs.djdimg.classList.remove('tpxzac')
        this.$refs.xjdimg.classList.remove('tpxzac')
        this.$refs.xjdbg.classList.remove('tpxzac')
      }
    },
    zoomIn() {
      this.scale += 0.1
    },
    zoomOut() {
      if (this.scale > 0.1) {
        this.scale -= 0.1
      }
    },
    increaseExposure() {
      this.exposure += 10
      if (this.exposure > 200) {
        this.exposure = 200
      }
    },
    decreaseExposure() {
      this.exposure -= 10
      if (this.exposure < 0) {
        this.exposure = 0
      }
    },
    ssx1fn() {
      this.shan1 = false
      this.zhan1 = true
      this.shan2 = true
      this.bztips = '测量星卡影像的横向模糊带最大直径ZW（mm)'
      this.$nextTick(() => {
        this.$refs.ssx2.classList.add('tm')
      })
    },
    ssx2fn() {
      this.shan2 = false
      this.zhan2 = true
      this.shan3 = true
      this.bztips = '测量星卡影像的纵向模糊带最大直径ZL(mm)  '

      this.$nextTick(() => {
        this.$refs.ssx3.classList.add('tm')
      })
    },
    ssx3fn() {
      this.shan3 = false
      this.zhan3 = true
      const timer = setTimeout(() => {
        this.jcjlshow = true
        clearTimeout(timer)
      }, 2000)
      // 停留几秒然后出现检测记录单
    },
    jcpostfn() {
      if (this.yxjdsum == 1) {
        if (
          this.Rs == '130.5' &&
          this.r == '55' &&
          this.zw == '47.8' &&
          this.m == '2.37' &&
          this.zl == '39.5' &&
          this.m2 == '2.37'
        ) {
          console.log('回答正确')
          // this.ertips = '回答正确'
          this.step = 1
          this.taskstep = 4
          this.reds = false
          // this.jcjlshow = false
        } else {
          this.reds = true
          this.ertips = '数值计算错误'
          this.Rs = '130.5'
          this.r = '55'
          this.zw = '47.8'
          this.m = '2.37'
          this.zl = '39.5'
          this.m2 = '2.37'
        }
      }

      if (this.yxjdsum == 2) {
        if (
          this.Rs == '130.5' &&
          this.r == '55' &&
          this.zw == '82.4' &&
          this.m == '2.37' &&
          this.zl == '68.1' &&
          this.m2 == '2.37'
        ) {
          this.reds = false
          // console.log('回答正确')
          this.ertips = '回答正确'
          this.step = 1
          this.taskstep = 4
          // this.jcjlshow = false
        } else {
          this.reds = true
          this.Rs = '130.5'
          this.r = '55'
          this.zw = '82.4'
          this.m = '2.37'
          this.zl = '68.1'
          this.m2 = '2.37'
          this.ertips = '数值计算错误'
        }
      }
    }
  },

  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {
    // this.$refs.seen.planeTop.visible = true
    // this.$refs.seen.cylinder.visible = true
    // this.$refs.seen.planeBottom.visible = true
    // this.$refs.seen.geometryBottom.rotateX(Math.PI * 0.5)
    // this.$refs.seen.geometryTop.rotateX(Math.PI * 0.5)
  },
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {} //如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
<style></style>
